<template>
    <van-row class="header" type="flex" justify="center" align="center">
      <van-col class="logo">
        <a href="#"></a>
      </van-col>
      <van-col>
        <search></search>
      </van-col>
      <van-col>
        <div class="login">登录</div>
      </van-col>
    </van-row>
</template>
<script>
import Search from 'components/common/Search'
export default {
    name:"HomeHeader",
    data () {
        return {
            svalue:""
        }
    },
    components: {
      Search
    }
}
</script>
<style scoped>
.header {
  position: sticky;
  top: 0;
  height: 44px;
  padding: 8px 15px;
  background-color: #fff;
  z-index: 3;
}
.logo {
  background-image: url(~assets/images/jlt.png);
  width: 69px;
  height: 20px;
  background-repeat: no-repeat;
  background-size: 188px 188px;
  background-position: -63px -126px;
  display: inline-block;
  margin-right: 10px;
}
.search {
  width: 221px;
}
.login {
  width: 37px;
  height: 20px;
  margin-left: 8px;
  border: 1px solid #dd1a21;
  font-size: 12px;
  color: #dd1a21;
  border-radius: 4px;
  text-align: center;
  line-height: 20px;
  /* vertical-align: middle; */
}
</style>